<!doctype html>
<html>
<head>
<link rel="stylesheet" href="${staticServer}/inc/css/main.css" />
<link rel="stylesheet" href="${staticServer}/css/t/jalert.css" />
<link rel="stylesheet" href="${staticServer}/css/index.css" />
<link rel="stylesheet" href="${staticServer}/css/phone.css?1.3" />
    <link rel="stylesheet" href="${staticServer}/css/t/cityPickerphone.css" />
<script src="${staticServer}/js/t/jquery.js"></script>
<script src="${staticServer}/js/t/cityPickerPhone.js"></script>
<script src="${staticServer}/js/t/json.js"></script>
<script src="${staticServer}/js/t/infopad.js"></script>
<script src="${staticServer}/js/t/jalert.js"></script>
<script src="${staticServer}/js/t/overlay.js"></script>
<script src="${staticServer}/js/t/submitter.js"></script>
<script src="${staticServer}/js/t/ask.js?1.5"></script>
<script language="javascript" type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" type="text/css" href="http://www.talegenes.com/mobsite/css/style.css">

<title>竞思<#if topic??>${topic}</#if>科学测评表</title>
<meta content="black" name="apple-mobile-web-app-status-bar-style">
</head>
<style>
    .theme-popover-mask{z-index:999;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;display:none;}
    .theme-popover{z-index:11111;position:fixed;top:35%;left:10%;width:80%;height:180px;/*margin:-180px 0 0 -330px;*/border-radius:5px;border:solid 2px #e4e4e4;background-color:#fff;display:none;box-shadow:0 0 10px #666;background:#fff;}
    .theme-poptit{padding:12px;position:relative;height:24px;}
    .theme-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd}
    .theme-poptit .close:hover{color:#444;}
    .theme-popbod{padding:5px 15px;color:#444;height:148px;}
    .theme-popbod input{ width:160px; height:44px; text-align:center; background-color:#0079be; line-height:44px; border:0; border-radius:60px; color:#FFF; font-size:18px; display:block; margin-left:auto; margin-right:auto; margin-top:25px;}
</style>
<script>
var contextPath='${contextPath}';
	$(function(){
		$("label").click(function(){
			$(this).addClass("selected").siblings().removeClass("selected");
		})
	})

/*返回上一页*/  
function return_prepage()  
{  
if(window.document.referrer==""||window.document.referrer==window.location.href)  
{  
window.location.href="{dede:type}[field:typelink /]{/dede:type}";  
}else  
{  
window.location.href=window.document.referrer;  
}  
  
}  
<#if answer?? && answer!=null>
$(function(){
		var last = JSON.stringify(<#if answer??>${answer}</#if>);
		document.getElementById('answer').value = last;
});
</#if>	
</script>


<script>
    function  ajaxLimitIp(){
        var  ip = returnCitySN["cip"];
        $.ajax({
            type: 'POST',
            url: 'ajaxLimitIp.htm',
            data: {"ip":ip},
            dataType:"text",
            success: function(data){
                if (data>3){
                    $("#btnSubmit").attr("disabled", true);
                    $('.theme-popover').show();
                    $('.theme-poptit .close').click(function(){
                        $('.theme-popover-mask').hide();
                        $('.theme-popover').slideUp(200);
                        $("body,html").css("overflow","auto");
                    });
                    $("#OKbtn").click(function(){
                        $('.theme-popover-mask').hide();
                        $('.theme-popover').slideUp(200);
                        $("body,html").css("overflow","auto");
                    });
                }}
        });
    }
</script>
<body>
<input type="hidden" id="answer" value="">
<input type="hidden" id="urls" value="<#if url??>${url}</#if>">
<input type="hidden" id="spcode" value="<#if spcode??>${spcode}</#if>">
<input type="hidden" id="is_exist_key" value="<#if is_exist_key??>${is_exist_key}</#if>">
<input type="hidden" id="phones" value="phone">	
<div class="head">        
        	<div class="new-a-back"><a href="#" onClick="javascript:return_prepage();"><img src="${staticServer}/img/iconfont-fanhui.png"></a></div>
            <h2>竞思注意力科学测评表</h2>  
            <a href="#" onClick="javascript:return_prepage();"><h3 style="position: absolute; right: 10px; top:2px; color:#FFF; text-decoration:none; border:0; font-size:16px; font-weight:normal;    padding: 10px 0 5px 10px;">首页</h3></a>
    </div>

<div class="theme-popover-mask"></div>
<div class="theme-popover">
    <div class="theme-poptit">
        <a href="javascript:;" title="关闭" class="close">×</a>
    </div>
    <div class="theme-popbod">
        <span style="text-align:center; display:block;">今日提交过多，请24小时候重试！</span>
        <input class="btn btn-primary" id="OKbtn" type="button" name="submit" value="确定" />
    </div>
</div>

<div class="text">
<!-- 新的测评表单开始 -->
		<div id="vote_container">
			<div id="vote_desc"><#if desc??>${desc}</#if></div>
			<div id="vote_list">
			<#if askIList??>
			<#list askIList as askilist>
			<div id="${askilist.ids}" name="${askilist.id}" class="item_child">
			<p class="topic bold">${askilist.topic}</p>
			<#if askilist.itemList??>
			<ul>
			<#list askilist.itemList as items>
			<li class="item">
			<span class="left">${items_index+1}. ${items.q}</span>
			<span class="right">
			<#list items.i?split(",") as i>
			<label  class="checkbox" rel="${(i?split(":"))[1]}">${(i?split(":"))[0]}</label>
			</#list>
			</span>
			</li>
			</#list>
			</ul>
			</#if>
			</div>
			</#list>
			</#if>
			</div>
			
			<div id="vote_form">
				<table style="width: 100%;">
					<tr>
						<td colspan="4" class="title">您的基本信息</td>
					</tr>
					<tr>
						<th width="180">孩子年龄<em class="caption">（周岁）</em>：
						</th>
						<td><input  onblur="ajaxLimitIp()" type="text" id="age" maxlength="2" style="text-align: center;" value="<#if age??>${age}</#if>"></td>
						</tr>
					<tr>
						<th>选择所在城市<em class="caption"></em>&nbsp;&nbsp;&nbsp;：
						</th>
						<td><input type="text" id="city" value="<#if city??>${city}</#if>"></td>
					</tr>
					<tr>
						<th>联系电话<em class="caption">（必须）</em>：
						</th>
						<td><input type="text" id="phone" maxlength="15" value="<#if phone??>${phone}</#if>"></td>
						</tr>
					<tr><th>邮箱号/微信号&nbsp;&nbsp;：</th>
						<td><input type="text" id="qq" maxlength="20" value="<#if qq??>${qq}</#if>"><p style="position:absolute;font-size:12px;color:red;margin-top: -20px;margin-left: -160px;">（请输入正确的邮箱或微信号，否则您将无法收到测试结果）</p></td>
					</tr>
				</table>
				<div id="button_group" style="margin: 10px auto;">
					<!-- 用于鉴别重复提交，这是提交成功后返回的唯一标识号 -->
					<input type="hidden" id="key" value="<#if key??>${key}</#if>">
					<!-- 这是该测评问卷的唯一标识号 -->
					<input type="hidden" id="ask" value="<#if ask??>${ask}</#if>">
					<input type="button" id="btnSubmit"  value="">
				</div>
			</div>
			<div id="vote_result"></div>
			<div id="vote_answer">
				<div class="inner_space">
					<p class="title">
						<a id="btnClose" title="暂时隐藏测评结果，查看测评选项"></a>
					</p>
					<p class="title">根据测试，您孩子的状况为（仅供参考）</p>
					<ul>
					</ul>
					<p class="desc">
						如需要对学员的注意力能力指数、注意力缺乏指数，综合注意力、语言注意力、视觉注意力、 脑处理速度、脑反应时、复杂注意力、认知灵活度等12个指数作出详细评测，请参考<a target="blank"
							href="http://www.jingsiedu.com/swtest.html">学员软件测试</a>。
					</p>
					<p>
						<a id="btnNext" style="margin-left:-20px;" href="http://m.jingsi.cn/xunlianfa.html"></a>
					</p>
				</div>
			</div>
			<div id="blank_object"></div>
		</div>
		<!-- 新的测评表单结束 -->
      </div>
	</div>
      </div>
	</div>    
</div>
<#if spcode=='F20C5'>

<#else>
<DIV   style="top: 5020px; margin-bottom: 50px;"  ><A href="#top"><IMG src="http://www.jingsiedu.com/mobsite/top.gif"></A></DIV>
<style>.g_zixun a{color:#fff;}</style>
	<div class="g_zixun" style="display:  block; position: fixed;  width: 100%;height: 40px;font-size: 20px;line-height: 25px;text-align: center;overflow: hidden;background-color: #B04B87;bottom: 0;padding-top: 14px;">
		<a target="_blank" href="http://mfa.zoosnet.net/LR/Chatpre.aspx?id=MFA54261545&lng=cn">点击在线咨询</a>
	</div>
<SCRIPT language=JavaScript type=text/javascript src="http://www.jingsiedu.com/mobsite/js/lanrentuku.js"></SCRIPT>
</#if>
</body>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?45848c73441f7bcc47f7d3bb31d8f660";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<script>
        $("#city").CityPicker();
</script>

</html>

